/**
 * 【安装路由】：
 *      npm install react-router-dom
 *
 * 【创建路由】
 *      1、创建router文件夹，并创建index.js、用于配置路由对象
 *      2、导入 import { createBrowserRouter } from "react-router-dom";
 *      3、通过 createBrowserRouter 创建实例对象，并配置路由
 *         let router = createBrowserRouter([
 *                  { path: "/跳转路径", element: <div>登录</div>, 跳转页面，可以标签，函数等
 *         }]);
 *      4、在项目入口，导入配置好的路由对象、通过 RouterProvider 标签组件、挂载 Router 路由对象
 */

// 1、导入创建路由相关依赖
import { createBrowserRouter } from "react-router-dom";

// 2、创建路由实例并配置路由
let router = createBrowserRouter([
  {
    path: "/login", // 跳转路径
    element: <div>登录</div>, // 跳转页面，可以标签，函数等
  },
  {
    path: "/home",
    element: <div>首页</div>,
  },
]);

// 3、导出路由对象
export default router;

// 4、导入路由对象及挂载组件
import router from "./router";
import { RouterProvider } from "react-router-dom";


// 5、在index入口文件配置、通过 RouterProvider 挂载路由
const root = ReactDOM.createRoot(document.getElementById("root"));
root.render(
  // 挂载路由
  <RouterProvider router={router}>
   <App />
  </RouterProvider>
);
